#container {
	position: absolute;
	height: 100%;
	width: 100%;
}
#output {
	width: 100%;
	height: 100%;
}
.color{
	width: 250px;
	height: 15px;
	margin: 0 auto;
	position: absolute;
	margin-left: 315px;
	bottom: 20px;
}
.color li{
	float: left;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	background: #ccc;
	box-shadow: 0 0 4px #FFF;
	list-style: none;
	cursor: pointer;
}
.color li:nth-child(1){
	background: #238382;
}
.color li:nth-child(2){
	background: #007dd2;
}
.color li:nth-child(3){
	background: #35ac03;
}
.color li:nth-child(4){
	background: #927663;
}
.color li:nth-child(5){
	background: #a0010f;
}
.color li:nth-child(6){
	background: #f2b54d;
}
.color li:nth-child(7){
	background: #808080;
}